
<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>墙布 壁布 无缝墙布 无缝壁布 防水墙布 雅比斯墙布 雅绣 刺绣墙布-杭州西番雅纺织有限公司</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="./images/favicon.ico">
    <meta name="keywords" content="雅绣 刺绣墙布 雅比斯墙布 无缝墙布 杭州西番雅纺织有限公司">
    <meta name="description" content="墙布 壁布 无缝墙布 无缝壁布 防水墙布 雅比斯墙布 雅绣 刺绣墙布-杭州西番雅纺织有限公司">
    <meta property="og:image" content="http://of0ohiudu.bkt.clouddn.com/base/yashow_logo2.png?imageView/2/2/w/280">

    <!--[if IE 8]>
    <link href="css/ie8.css" rel="stylesheet" type="text/css">
    <![endif]-->

    <!--[if  IE 9]>
    <link media="all" rel="stylesheet" type="text/css" href="css/ie9.css">
    <![endif]-->
    <link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body id="contact">
<header class="header">
    <div class="container">
        <a class="pull-left logo" href="/index.html" title="杭州西番雅纺织有限公司">
            <img class="pull-left" src="http://of0ohiudu.bkt.clouddn.com/base/yashow_logo2.png?imageView/2/2/w/280" alt="杭州西番雅纺织有限公司" />
            <span class="title">杭州西番雅纺织有限公司</span>
        </a>

        <nav class=" nav">
            <div class="menu-wrap">
                <button type="button" class="icon-btn navbar-toggle pull-right">
                    <i class="fa fa-bars"></i>
                </button>
                <ul class="menu">
                    <li class="menu-item" >
                        <a class="menu-link" href="/index.html">首页</a>
                    </li>
                    <li class="menu-item" >
                        <a class="menu-link" href="/about.html">公司简介</a>
                    </li>
                    <li class="menu-item" >
                        <a class="menu-link" href="/news.html">公司新闻</a>
                    </li>
                    <li class="menu-item">
                        <a class="menu-link" href="/products.html">产品展示</a>
                    </li>
                    <li class="menu-item">
                        <a class="menu-link active" href="/contact.html">联系我们</a>
                    </li>
                    <li class="menu-item">
                        <a class="menu-link" href="#message">留言</a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</header>
<div class="row-fluid banner">
    <div class="container">
        <div class="wpb_wrapper">
            <h3 class="page-title">联系我们</h3>
            <p>
                良心、责任是我们的原则，不断地努力和创新只为了您的空间舒心悦目
            </p>
        </div>
    </div>
</div>
<div class="row-fluid contact-container">
    <div class="container">
        <div class="map">
            <img src="http://of0ohiudu.bkt.clouddn.com/base/map.jpg?imageView2/2/w" />
        </div>
        <div class="row" style="padding:50px;">
            <div class="col-md-4 col-sm-4">
                <div class="item-content">
                    <div class="wpb_wrapper">
                        <h4 class="title"><span style="color: #fe7e00;">地址</span></h4>
                        <p><i class="fa fa-map-marker"></i> &nbsp;&nbsp; 浙江省杭州市萧山区瓜沥镇低田畈工业园</p>

                    </div>
                </div>
                <div class="item-content">
                    <div class="wpb_wrapper">
                        <h4 class="title"><span style="color: #e5ae49;">通讯</span></h4>
                        <p>
                            <i class="fa fa-map-marker"></i> &nbsp;&nbsp; 联系人：汪先生
                        </p>
                        <p><i class="fa fa-map-marker"></i> &nbsp;&nbsp; 手&nbsp;&nbsp; 机：15988840884</p>
                        <p>
                            <i class="fa fa-map-marker"></i> &nbsp;&nbsp; 电&nbsp;&nbsp; 话：0571-82553532
                        </p>
                        <p><i class="fa fa-map-marker"></i> &nbsp;&nbsp; 传&nbsp;&nbsp; 真：0571-82569280</p>
                        <p><i class="fa fa-map-marker"></i> &nbsp;&nbsp; 全国服务热线：4006-618-884</p>

                    </div>

                </div>
                <div class="item-content">
                    <div class="wpb_wrapper">
                        <h4 class="title"><span style="color: #56c2a2;">邮箱</span></h4>
                        <p>
                            <i class="fa fa-map-marker"></i> &nbsp;&nbsp; 139940884@qq.com
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-8 col-sm-8">
                <p>
                    欢迎您来电联系我们,盼望我们能为您服务。
                </p>
            </div>
        </div>
    </div>

</div>

<footer class="footer">
    <div class="footer-wrap">
        <div class="container">
            <div class="col-md-3 col-sm-4 footer-logo">
                <img src="http://of0ohiudu.bkt.clouddn.com/base/yashow_logo.png?imageView2/2/w/200" />
            </div>

            <div class="col-md-8 col-sm-7 pull-right">
                <div class="footerattr">
                    <aside  class="widget">
                        <h3 class="title-widget">联系我们</h3>
                        <div class="widget-contact">
                            <p>
                                <span>核心价值观：诚信敬业、团结正直、感恩奉献</span><br/>
                                <span>品质理念：良心与责任是检验产品品质的唯一标准</span><br/>
                                <span class="Contact_address"><i class="fa fa-map-marker"></i>浙江省杭州市萧山区瓜沥镇低田畈工业园</span><br />
                                <span class="Contact_phone"><i class="fa fa-phone"></i>0571-82553532</span><br />
                                <span class="Contact_email"><i class="fa fa-envelope-o"></i>139940884@qq.com</span><br/>
                            </p>
                        </div>
                    </aside>
                </div>
                <div class="footerattr message-block">
                    <aside id="message" class="widget">
                        <h3 class="title-widget"><span>留言</span></h3>
                        <form name="messageForm" role="form">
                            <div class="ContactForm">
                                <input type="text" name="userName" value="" size="40"  placeholder="您的称呼...">
                                <input type="email" name="email" value="" size="40" placeholder="您的邮箱/手机号...">
                                <textarea name="message" style="height:40px;" cols="40" rows="10"placeholder="捎句话..."></textarea>
                                <input type="submit" value="发 送" class="submit-btn">
                            </div>
                        </form>
                    </aside>
                </div>
            </div>
        </div>

    </div>

    <div class="footer-bottom">
        <div class="container">
            <div class="copyright">
                <p>
                    Copyright©2010-2011 杭州西番雅纺织有限公司 All Rights Reserved
                </p>
                <p>
                    <span>公司电话：0571-82553532 传真0571-82569280  联系人: 汪先生  手机: 15988840884 QQ：139940884</span>
                </p>
            </div>
        </div><!--end class container-->
    </div><!--end class footerbottom -->
</footer>
<script type="text/javascript" src="js/jquery-1.11.2.js"></script>
<script>
    $(document).ready(function(){
        $('[name="messageForm"]').on('submit',function(e){
            e.preventDefault();
            var arr=$(e.currentTarget).serializeArray();

            $.post('/message',arr).success(function(){
                alert('感谢您的留言');
            });

        });

        var headerDiv=$('.header');
        var $menu=headerDiv.find('.menu');
        var toggleBtn=headerDiv.find('.navbar-toggle:visible');


        toggleBtn.on('click',function(e){
            $menu.toggle();
            e.stopPropagation();
        });
        $menu.on('click',function(e){
            e.stopPropagation();
        });


        headerDiv.on('click',function(e){
            if(toggleBtn.length===0) {
                e.stopPropagation();
            }
        });
        $(document).on('click',function(e){
            if(toggleBtn.length>0){
                $menu.hide();
            }

        });
    });
</script>
</body>
</html>

